<template>
  <div class="hospital-intro-page">
    <van-nav-bar title="医院介绍" left-arrow @click-left="goBack" />

    <div class="content">
      <div class="banner"></div>

      <div class="card">
        <h2 class="hospital-name">山西省人民医院</h2>
        <p class="paragraph">
          山西省人民医院始建于1953年，是一所集医疗、教学、科研、预防、保健、康复于一体的省级综合性三级甲等医院。医院现有职工近3000人，其中高级职称以上专家600余人，博士、硕士研究生导师百余人。
        </p>
        <p class="paragraph">
          医院设有临床与医技科室60余个，开放床位2600余张，年门急诊量近300万人次，年住院病人12万人次。医院学科齐全、专业设置完善，形成了以心血管、肿瘤、骨科、神经内外、消化、呼吸等学科为优势的学科群。
        </p>
        <p class="paragraph">
          医院坚持“人民至上、生命至上”的服务宗旨，持续推进信息化、智慧化建设，实行预约就诊、移动支付、检查检验结果一站式查询等便民服务举措，不断提升就医体验。
        </p>
        <p class="paragraph">
          近年来，医院积极开展多学科联合诊疗（MDT），建立区域协同医疗网络，与省内外多家高校、科研院所建立了紧密合作关系，医疗、教学、科研综合实力位居省内前列。
        </p>
        <p class="paragraph">
          地址：山西省太原市杏花岭区新建路29号；电话：0351-1234567。
        </p>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()

const goBack = () => {
  router.back()
}
</script>

<style scoped>
.hospital-intro-page {
  min-height: 100vh;
  background-color: #f7f8fa;
}

.content {
  padding: 16px;
}

.banner {
  height: 140px;
  border-radius: 8px;
  background: linear-gradient(135deg, #e6f0ff 0%, #f2f6ff 100%);
  margin-bottom: 16px;
}

.card {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.hospital-name {
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 600;
  color: #323233;
}

.paragraph {
  margin: 10px 0;
  line-height: 1.8;
  color: #606266;
  font-size: 14px;
  text-align: justify;
}
</style>


